<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>demo</title>
</head>

<body>
<ul>
    <li class="item1">新闻标题-1</li>
    <li class="item2">新闻标题-2</li>
    <li class="item3">新闻标题-3</li>
    <li class="item4">新闻标题-4</li>
    <li class="item5">新闻标题-5</li>
    <li class="item6">新闻标题-6</li>
    <li class="item7">新闻标题-7</li>
    <li class="item8">新闻标题-8</li>
    <li class="item9">新闻标题-9</li>
</ul>
<button id="all">全部标记为已读</button>
<script src="../vendor/jquery-1.12.4.js"></script>
<script>
    $(function() {
        $('li').on('click', function(e, arg1, arg2) {
            console.log('%o 已读', $(this));
            console.log(arg1);
            console.log(arg2);
            return $(this);
        });

        $('#all').on('click', function() {
            console.log($('li').trigger('click', [1, 2]));  //全部触发li元素

            console.log($('li').triggerHandler('click'));  //只触发第一个元素
        });
    });
</script>
</body>